<template>
  <div class="w-full h-100vh flex justify-center items-center">
    <div
      class="w-72vw h-72vh shadow flex-col"
      style="border: solid 1px #e5e5e5"
    >
      <router-view></router-view>
    </div>
  </div>
  <NMessageProvider>
    <NMessage />
  </NMessageProvider>
  <n-dialog-provider>
    <NDialog />
  </n-dialog-provider>
</template>

<script lang="ts" setup>
import NDialog from "@/components/n-dialog/n-dialog.vue";
import NMessage from "@/components/n-message/n-message.vue";
</script>

<style>
html,
body {
  margin: 0;
  height: 100vh;
}
</style>
